<html>
<head>
    <title>用户管理</title>
    <link rel="stylesheet" href="../../../assets/theme-chalk/index.css">
    <link rel="stylesheet" href="../../../style.css">

    <style>
        body{
            background: #F2F2F2;
        }


        .main-head{
            background: #fff;
            padding-left: 10px;
            padding-top: 10px;
            margin-bottom: 0px;
            border: solid 1px #fff;
        }

        .chart-outer{
            height: 200px;
        }




    </style>
</head>
<body>
<div class="page" id="page-monitor">

    <div class="page-title">实时视频</div>
    <div class="page-main">
        <el-row>
            <el-col :span="4">
                <dev-tree ref="devTree" v-on:click-node="aa" :expandid="expandId" :level="number"></dev-tree>
            </el-col>
            <el-col :span="20">
                <div class="main-head">
                    <video id="myPlayer"  style="height:80%;width:auto; min-width:320px;min-height:320px;" controls playsInline webkit-playsinline autoplay>
                        <<source src="rtmp://rtmp.open.ys7.com/openlive/0e253f35bf2d44a899bb7ee1df1b1fc8" type="" />
                        <source src="http://hls.open.ys7.com/openlive/0e253f35bf2d44a899bb7ee1df1b1fc8.m3u8" type="application/x-mpegURL" />

                    </video>
                </div>
            </el-col>
        </el-row>
    </div>


</div>


<script type='text/javascript' src='../../../assets/bundle.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../assets/jquery-1.11.2.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../assets/echarts.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../js/common.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../js/component.js' charset='utf-8'></script>
<script src="https://open.ys7.com/sdk/js/1.3/ezuikit.js"></script>

<script>

    var vuePage=new Vue({
        el:'#page-monitor',
        data:{
            userForm:{

            },
            childForm:{

            },
            addFormVisible:false,
            editMod:false,
            currentId:'',
            expandId:'',
            number:0,
            companyList:[],
        },
        methods:{

            aa:function(data) {
                this.currentId = data.dataId;
                this.editMod= true;
            },
            addChild(){
                this.addFormVisible = true;
            }

        },
        created:function(){
            HttpUtil.get('Company/List',{pageno:1,pagesize: 200}).success((res)=>{
                this.companyList = res.data;
            })
        },
        mounted:function(){
            _videoPlayer = new EZUIPlayer('myPlayer');
            _videoPlayer.play();
        }
    });


</script>

</body>
</html>
